<template>
	<mui-button :appParameter="appParameter" :class="nativeNodeClass" :color="color" :disabled="disabled"
		:disableRipple="disableRipple" :formType="formType" :hoverClass="hoverClass"
		:hoverStopPropagation="hoverStopPropagation" :hoverStartTime="hoverStartTime" :hoverStayTime="hoverStayTime"
		:icon="icon" :iconColor="iconColor" :iconSize="iconSize" :iconPosition="iconPosition" :iconSpin="iconSpin"
		:lang="lang" :mClass="mClass" :mStyle="mStyle" :openType="openType" :sendMessageTitle="sendMessageTitle"
		:sendMessagePath="sendMessagePath" :sendMessageImg="sendMessageImg" :sessionFrom="sessionFrom"
		:shape="variant === 'round' ? 'circle' : variant" :showMessageCard="showMessageCard" :size="size"
		variant="contained">
		<slot />
	</mui-button>
</template>

<script>
	export default {
		name: "mui-fab",
		data() {
			return {

			};
		},
		props: {
			mClass: {
				type: String,
				default: ''
			},
			mStyle: {
				type: String,
				default: ''
			},
			appParameter: {
				type: String,
				default: ''
			},
			color: {
				type: String,
				default: 'default'
			},
			disabled: {
				type: Boolean,
				default: false
			},
			disableRipple: {
				type: Boolean,
				default: false
			},
			formType: {
				type: String,
				default: ''
			},
			hoverClass: {
				type: String,
				default: ''
			},
			hoverStopPropagation: {
				type: Boolean,
				default: false
			},
			hoverStartTime: {
				type: Number,
				default: 20
			},
			hoverStayTime: {
				type: Number,
				default: 70
			},
			icon: {
				type: String,
				optionalTypes: [Object],
				default: null
			},
			iconSize: {
				type: Number,
				default: null
			},
			iconColor: {
				type: String,
				default: null
			},
			iconPosition: {
				type: String,
				default: 'left'
			},
			iconSpin: {
				type: Boolean,
				default: false
			},
			lang: {
				type: String,
				default: 'en'
			},
			nativeNodeClass: {
				type: String,
				default: ''
			},
			openType: {
				type: String,
				default: ''
			},
			sendMessageTitle: {
				type: String,
				default: ''
			},
			sendMessagePath: {
				type: String,
				default: ''
			},
			sendMessageImg: {
				type: String,
				default: ''
			},
			sessionFrom: {
				type: String,
				default: ''
			},
			showMessageCard: {
				type: String,
				default: ''
			},
			size: {
				type: String,
				default: 'large'
			},
			variant: {
				type: String,
				default: 'round'
			}
		},
		options: {
			virtualHost: true,
			pureDataPattern: /^_pure/,
			styleIsolation: 'apply-shared'
		},
	}
</script>

<style>

</style>